<template>
  <q-page padding class="q-gutter-y-md">
    <q-card class="">
      子组件触发emit，reactive形式
      <q-card-section>
        <fur />
      </q-card-section>
    </q-card>

    <q-card class="">
      子组件触发emit
      <q-card-section>
        <FU />
      </q-card-section>
    </q-card>
    <q-card class="">
      嵌套
      <q-card-section>
        <qt />
      </q-card-section>
    </q-card>
    <q-card class="">

      <q-card-section>
        <zl v-on:update:num="(params) => {
          num = params
        }" />
      </q-card-section>
    </q-card>
    <q-card class="my-card">
      <q-card-section>
        <Foo />
      </q-card-section>
    </q-card>
  </q-page>
</template>

<script setup>
import qt from './嵌套.jsx';
import fur from './父reactive.jsx';
import FU from './父.jsx';
import zl from './指令.jsx';
import Foo from './Foo.jsx';
import { ref } from 'vue';
// import {VeIcon} from 'amtf-vc';
defineOptions({
  name: 'jsx',
  icon: 'school'
});

const num = ref(666)
</script>

<style lang="scss" scoped></style>
